/* Global */
html * {
	margin: 0;
}

body {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #000;
	color: black;
	font-family: helvetica,arial,sans-serif;
	text-transform: lowercase;
}

#bg {
  height: 100%;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}

a:link, a:visited {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #888;
}

.clear {
	clear: both;
}

#main {
	background-color: rgba(220,220,220,0.7);
  width: 400px;
  margin: 80px auto;
  border-radius: 20px;
}

/* Header */
#header {
  position: relative;
	padding: 30px;
}

#header img {
  position: absolute;
  top: -40px;
  left: -60px;
  width: 120px;
}

#header h1 {
  position: absolute;
  top: -20px;
  left: 80px;
  color: white;
  text-shadow: 2px 2px black;
  font-size: 30px;
}

/* Content */
#links {
  margin: 0;
  padding: 0px 0px 40px 0px;
  list-style-type: none;
}

#links li a {
  display: block;
  font-size: 20px;
  padding-left: 100px;
  transition: background-color 0.1s, color 0.1s;
}

#links li a:hover {
  background-color: #888;
  color: #dfdfdf;
}

/* Footer */
#footer {
	color: white;
	text-shadow: 1px 1px black;
	text-align: center;
	font-size: x-small;
}

#footer a {
	text-decoration: underline;
	color: #ccc;
}
